<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="fishspains" content="width=device-width, initial-scale=1.0">
    <title>鱼壶转</title>

</head>

<body>
<div>
    <!-- Additional CSS Files -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
    <link rel="stylesheet" href="css/templatemo-softy-pinko.css"/>
    <!-- ***** Header Area Start ***** -->
    <header class="header-area header-sticky">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <nav class="main-nav">
                        <!-- ***** Logo Start ***** -->
                        <a href="#"  class="logo"><img   style="width: 35px;" src="https://img2.imgtp.com/2024/04/01/lFreSrDR.jpg" alt="HTMLPAGE"/></a>
                        <!-- ***** Logo End ***** -->
                        <!-- ***** Menu Start ***** -->
                        <ul class="nav">
                            <li>
                                <a href="#welcome" class="active">主页</a>
                            </li>
                            <li>
                                <a href="#features">关于我们</a>
                            </li>
                            <li>
                                <a href="#contact-us">联系我们</a>

                        </ul>
                        <a class="menu-trigger"><span>Menu</span></a>
                        <!-- ***** Menu End ***** -->
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- ***** Header Area End ***** -->
    <!-- ***** Welcome Area Start ***** -->
    <div id="welcome" class="welcome-area"  style="background-image: url(https://img2.imgtp.com/2024/04/01/yWsDy3FJ.png);  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;">
        <!-- ***** Header Text Start ***** -->
        <div class="header-text">
            <div class="container">
                <div class="row">
                    <div class="offset-xl-3 col-xl-6 offset-lg-2 col-lg-8 col-md-12 col-sm-12">
                        <h1 style="font-size:34px">设计大学生创业 | 长期做非遗文创</h1>
                        <p style="font-size:28px color: darkkhaki;">

                        </p>
                        <p style="font-size:25px ;color: rgb(237, 233, 186);">
                            让非遗“火”起来，“活”下去
                        </p>
                        <a href="#features" class="main-button-slider">Discover More</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- ***** Header Text End ***** -->
    </div>
    <!-- ***** Welcome Area End ***** -->
    <!-- ***** Features Small Start ***** -->
    <section class="section home-feature">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="row">
                        <!-- ***** Features Small Item Start ***** -->
                        <div data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s" class="col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="features-small-item">
                                <div class="icon">
                                    <i>
                                        <a href="#work-process"> <img src="img/featured-item-01.png" alt=""/> </a>
                                    </i>
                                </div>
                                <h5 class="features-title">  案例展示
                                </h5>
                                <p>点击跳转查看我们的作品~
                                </p>
                            </div>
                        </div>
                        <!-- ***** Features Small Item End ***** -->
                        <!-- ***** Features Small Item Start ***** -->
                        <div data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s" class="col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="features-small-item">
                                <div class="icon">
                                    <i>
                                         <img src="img/featured-item-01.png" alt=""/>
                                    </i>
                                </div>
                                <h5 class="features-title">还没想好怎么用
                                </h5>
                                <p>再等等吧
                                </p>
                            </div>
                        </div>
                        <!-- ***** Features Small Item End ***** -->
                        <!-- ***** Features Small Item Start ***** -->
                        <div data-scroll-reveal="enter bottom move 50px over 0.6s after 0.6s" class="col-lg-4 col-md-6 col-sm-6 col-12">
                            <div class="features-small-item">
                                <div class="icon">
                                    <i>
                                        <a href="#contact-us">  <img src="img/featured-item-01.png" alt=""/></a>
                                    </i>
                                </div>
                                <h5 class="features-title">联系我们
                                </h5>
                                <p>点击图片直接飞过去加我们微信
                                </p>
                            </div>
                        </div>
                        <!-- ***** Features Small Item End ***** -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Features Small End ***** -->
    <!-- ***** Features Big Item Start ***** -->
    <section id="features" class="section padding-top-70 padding-bottom-0">
        <div class="container">
            <div class="row"  >
<!--                <div data-scroll-reveal="enter left move 30px over 0.6s after 0.4s" class="col-lg-5 col-md-12 col-sm-12 align-self-center">-->
                    <img src="https://img2.imgtp.com/2024/04/01/R9adwzAB.png"  alt="App" class="rounded img-fluid d-block mx-auto"/>
                     <img src="https://img2.imgtp.com/2024/04/01/O679oyyU.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                     <img src="https://img2.imgtp.com/2024/04/01/OWNOoArx.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                <img src="https://img2.imgtp.com/2024/04/01/5MzrzPVZ.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                <img src="https://img2.imgtp.com/2024/04/01/5IlCQC12.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                <img src="https://img2.imgtp.com/2024/04/01/JUd7luvw.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
            </div>
        </div>
    </section>

    <section id="work-process" class="mini">
        <div class="mini-content"  style=" background-image: url(https://img2.imgtp.com/2024/04/01/jsEyNFxE.png);">
            <div class="container" style=" background-image: url(https://img2.imgtp.com/2024/04/01/8ib3SZcI.png);">
                <div class="row">
                    <div class="offset-lg-3 col-lg-6">
                        <div class="info" style=" background-image: url(https://img2.imgtp.com/2024/04/01/8ib3SZcI.png);">
                            <h1 >作品展示
                            </h1>
                        </div>
                    </div>
                </div>
                <!-- ***** Mini Box Start ***** -->
                <div class="row">

                    <img src="https://img2.imgtp.com/2024/04/01/lGVpfUIR.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/bCiVNwoO.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/3sKAmCkH.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/Yz2MIq4M.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/GFnaVzzh.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/Z8NTFehA.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/XvdNibvT.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/REF1E8hP.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/rzNS9aEB.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/EHAQ5Nvm.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/gqwQL0AA.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/DFJVeEEY.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/Pzh7n8OE.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/TEI7j7vG.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/MmFbGRSH.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/tsbiyoXf.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/HuDnZBT5.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/aYdksd4E.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/WwiQWj9d.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/FxrfOlgZ.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/aYdksd4E.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/FxrfOlgZ.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                    <img src="https://img2.imgtp.com/2024/04/01/s0y6oCQs.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
<!--                    <img src="img/第三十二.png" alt="App" class="rounded img-fluid d-block mx-auto"/>-->
                    <img src="https://img2.imgtp.com/2024/04/01/hax0Ki08.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
            </div>
        </div>
        </div>
    </section>
    <!-- ***** Home Parallax End ***** -->
    <!-- ***** Testimonials Start ***** -->
    <section id="testimonials" class="section">
        <div class="container">
            <!-- ***** Section Title Start ***** -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="center-heading">
                        <h2 class="section-title">产品展示
                        </h2>
                    </div>
                </div>
                <div class="offset-lg-3 col-lg-6">
                    <div class="center-text">
                        <p>工作室自研文创产品.
                        </p>
                    </div>
                </div>
            </div>
            <!-- ***** Section Title End ***** -->
            <div class="row">
                <!-- ***** Testimonials Item Start ***** -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img src=" https://img2.imgtp.com/2024/04/01/xofyieWZ.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>通过多种美育形式融合非遗文化、节庆知识和自然教育设计了以传统竹编为基础材料的“好运·创新居家非遗鱼灯DIY”。  </p>
                            <p>  设计者同参与家庭一起使用简易的竹编制品与用新材料新工艺进行制作非遗大良鱼灯，结合点、线、面多种形态和色彩斑斓的材料制作各自独特的装饰,使亲子家庭在获得美感教育的同时了解鱼灯背后的文化内涵。 </p>
                            <p>  设计者在美育课程包中配备了课程步骤卡,共6步,逐步引导,激发孩子们对于材料的尝试、思考与兴趣。目的皆在于充分发挥想象力,探索自己心中的非遗鱼灯。
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">大良鱼灯
                                </h3>
                                 <span>  创新非遗居家鱼灯DIY设计</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ***** Testimonials Item End ***** -->
                <!-- ***** Testimonials Item Start ***** -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img src="https://img2.imgtp.com/2024/04/01/dkLtVkQm.png" alt="App" class="rounded img-fluid d-block mx-auto"/>

                            </i>
                            <p>实用性极强的DIY水杯套！！让美感教育融入日常~有趣的DIY竹笼杯套不仅可以让你回收利用彩色扭扭棒，还能通过添加毛绒球增添一抹温馨触感。这样的水杯套不仅实用，而且充满童趣，适合各个年龄段的人制作。尤其小朋友们日常可以使用上自己亲手制作的水杯套来装水杯或其它东西噢~
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">创新非遗
                                </h3>
                                <span>DIY色彩缤纷的竹笼水杯套</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ***** Testimonials Item End ***** -->
                <!-- ***** Testimonials Item Start ***** -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img src="https://img2.imgtp.com/2024/04/01/1rYJWDzt.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>小朋友们通常对色彩十分敏感~同时对小物件有惊人的组合创造力。
                                在了解传统非遗珠绣文化同时，能够制作首饰品送给自己或者父母朋友！（女孩子们对亮闪闪的首饰有天然的热爱）
                                还可以对著名国画/油画进行色彩搭配学习噢！
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>组合创造
                                <span>DIY非遗珠绣首饰</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img  src="https://img2.imgtp.com/2024/04/01/6Ypww8gh.jpg" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>挑选自己喜欢的好寓意与吉祥手绘图案（南海神庙的火神祝融（南海神、洪圣王）、与他的五个儿子（大安、元安、始安、长安、祖安）进行DIY组合，共有28款印章可以选择~
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>南海神庙
                                <span>好运印章DIY</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img  src="https://img2.imgtp.com/2024/04/01/kjJhVIaM.jpg" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>南海神庙
                                <span>五子朝王好运三角符挂件</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img  src="https://img2.imgtp.com/2024/04/01/gxc0hc4s.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>南海神庙
                                <span>五子朝王好运透光亚克力</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img  src="https://img2.imgtp.com/2024/04/01/JZ3wj3GJ.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>南海神庙
                                <span>五子超王镭射闪卡</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img  src=" https://img2.imgtp.com/2024/04/01/mr9OVgGR.png" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>南海神庙
                                <span>五子朝王牛油纸符</span>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="team-item">
                        <div class="team-content">
                            <i>
                                <img  src="https://img2.imgtp.com/2024/04/01/rAGH74rA.jpg" alt="App" class="rounded img-fluid d-block mx-auto"/>
                            </i>
                            <p>
                            </p>
                            <!-- <div class="user-image">
            <img src="http://placehold.it/60x60" alt="">
            </div> -->
                            <div class="team-info">
                                <h3 class="user-name">
                                </h3>南海神庙
                                <span>五子朝王绝美冰箱贴</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- ***** Testimonials Item End ***** -->
            </div>
        </div>
    </section>
    <section class="counter">
        <div class="content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <div class="count-item decoration-bottom">
                            <strong>10</strong>
                            <span>Projects</span>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <div class="count-item decoration-top">
                            <strong>6</strong>
                            <span>Happy Clients</span>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <div class="count-item decoration-bottom">
                            <strong>9</strong>
                            <span>Awards Wins</span>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12">
                        <div class="count-item">
                            <strong>4</strong>
                            <span>Countries</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="contact-us" class="section colored">
        <div class="container">
            <!-- ***** Section Title Start ***** -->
            <div class="row">
                <div class="col-lg-12">
                    <div class="center-heading">
                        <h2 class="section-title">Talk To Us
                        </h2>
                    </div>
                </div>
                <div class="offset-lg-3 col-lg-6">
                    <div class="center-text">
                        <p>如果您有任何温馨的建议、宝贵的意见，或是美好的合作愿景，我们都非常欢迎您随时与我们取得联系。无论您希望分享想法，探讨发展机遇，还是期望与我们携手共创未来，我们都以最真诚和开放的心态，欢迎你。快快联系我们吧！！
                        </p>
                    </div>
                </div>
            </div>
            <!-- ***** Section Title End ***** -->
            <div class="row">
                <!-- ***** Contact Text Start ***** -->
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <h5 class="margin-bottom-30">Keep in touch
                    </h5>
                    <div class="contact-text">
                        <p>欢迎添加微信号：SDX7055
                            <br/>微信号：a2863933746
                            <br/>关注我们的小红书

                        </p>
                        <p>团队成员目前一共8员，都是优秀的小伙伴，欢迎加入我们！
                        </p>
                    </div>
                </div>
                <!-- ***** Contact Text End ***** -->
                <!-- ***** Contact Form Start ***** -->
                <div class="col-lg-8 col-md-6 col-sm-12">
                    <div class="contact-form">
                        <form id="contact" action="" method="get">
                            <div class="row">
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <fieldset>
                                        <img  src=" https://img2.imgtp.com/2024/04/01/A6RzjimR.jpg" alt="App" class="rounded img-fluid d-block mx-auto"/>
                                    </fieldset>
                                </div>
                                <div class="col-lg-6 col-md-12 col-sm-12">
                                    <fieldset>
                                        <img  src="https://img2.imgtp.com/2024/04/01/X1iharWl.jpg" alt="App" class="rounded img-fluid d-block mx-auto"/>

                                    </fieldset>
                                </div>

                            </div>
                        </form>
                    </div>
                </div>
                <!-- ***** Contact Form End ***** -->
            </div>
        </div>
    </section>
    <!-- ***** Contact Us End ***** -->
    <!-- ***** Footer Start ***** -->

    <!-- jQuery -->
    <script src="js/jquery-2.1.0.min.js"></script>
    <!-- Bootstrap -->
    <script src="js/popper.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- Plugins -->
    <script src="js/scrollreveal.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/imgfix.min.js"></script>
    <!-- Global Init -->
    <script src="js/custom.js"></script>
</div>
</body>